<template>
  <view class="rw-visit-container">
      <view class="rw-visit-image-wrapper">
        <image class="rw-visit-image" src="../../../static/images/visit.jpeg"/>
      </view>
      <view class="rw-visit-title">
          我听一束花
      </view>
      <button class="weui-btn rw-visit-join" type="primary" @click="join">加入阅途</button>
      <button class="weui-btn rw-visit-tourist" type="primary" @click="visit">游客访问</button>
  </view>
</template>

<script>
export default {
  data(){
      return{
          
      }
  },
  methods:{
      join(){
        console.log('join');
        wx.redirectTo({
            url: '../register/main'
        })
      },
      visit(){
          console.log('visit');
      }
  }
}
</script>

<style lang="scss">
.rw-visit-container{
    border:1rpx solid black;
    width:600rpx;
    height:900rpx;
    left:calc(50% - 300rpx);
    position:relative;
    top:calc(50% - 450rpx);
    border-radius:20rpx;
    border-color:#bbbbbb;
}
.rw-visit-image-wrapper{
    width:180rpx;
    height:180rpx;
    left:50%;
    position:absolute;
    transform:translateX(-50%);
    top:150rpx;
    image{
        width:100%;
        height:100%;
        border-radius:50%;
    }
}
.rw-visit-title{
    position:absolute;
    top:330rpx;
    left:50%;
    transform:translateX(-50%);
    font-size:14px;
    color:#bbbbbb;
}
.weui-btn{
    position:absolute;
    width:300rpx;
    height:80rpx;
    left:50%;
    transform:translateX(-50%);
    padding:0px;
    line-height:80rpx;
    border-radius:40rpx;
    font-size:16px;
}
.rw-visit-join[type=primary] {
    top:480rpx;
    background-color:#333643;
}
.rw-visit-tourist[type=primary]{
    top:600rpx;
    background-color:#ffffff;
    border:1rpx solid #bbbbbb;
    color:#bbbbbb;
}
</style>



